<template>
  <div :style="{fontSize:d.fontSize+'px', color: d.color}">
    <Weather :cityName="d.city"/>
  </div>
</template>

<script>
import Weather from '../../comm/weather2/Weather1'
export default {
  components: {
    Weather
  },
  props: {
    d: Object
  },
  methods: {
    onSizeChange ({ scaleWidth }) {
      this.d.fontSize = scaleWidth * this.fontSize
    },
    onSizeChangeStart () {
      this.fontSize = this.d.fontSize
    }
  }
}
</script>
